<template>
  <div class="mid">
    <img :src="src" alt="" class="icon" />
    <span class="text">{{ title }} </span>
    <slot name="more"></slot>
  </div>
</template>

<script>
export default {
  props: ["title", "src"],
};
</script>

<style >
.mid {
  width: 90%;
  margin: 20px auto;
  font-size: 18px;
}
.mid>.icon{
    vertical-align: middle;
    margin-right: 10px;
}

</style>